<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="../../js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
    /*js方式*/
   $(function(){
	  var lis =  $("ul>li");
	  
	/* 方法一：js方法 
	    for(var i=0;i<lis.length;i++){
	  	alert(lis[i].innerText);
	  }*/
	/* 方法二，使用jq对象.each()遍历，回调函数会自识别不同的元素，当前对象获得有丙种方法：2.1 this  2.2 回调函数接收对象（索引，元素对象）
	 lis.each(function(){
	 	
	 	if($(this).text()=="上海"){
	 		return true;
	 	}
	 	alert($(this).text()); 
	 });
	 
	 lis.each(function(index,ele){
	 	
	 	alert(	index+ $(ele).text()); 
	 });
	 */
	
	//方法三：全局方法
	$.each(lis, function() {
		alert($(this).text())
		
	});
	
	//方法四：forof 3.0以上有
	for(li of lis){
		alert($(li).text());
	}
	
   });
 	
 	
 	
    </script>
</head>
<body>
<ul id="city">
    <li>北京</li>
    <li>上海</li>
    <li>天津</li>
    <li>重庆</li>
</ul>
</body>
</html>
